$(document).ready(function(){
    $(window).scroll(function(){
        if(this.scrollY>20){
            $('.navbar').addClass("sticky");
        }else{
            $('.navbar').removeClass("sticky")
        }
    });
    // toggleClass（） 用来判断元素是否拥有此类名，
    // 有的话就删除，无的话就添加，可以达到切换的效果。
    $(".menu-btn").click(function(){
        $(".navbar .menu").toggleClass("active")
    })
})

$(".clock").click(function(){
    window.open("clock.html")
})
$(".mouse").click(function(){
    window.open("mouse.html")
})
$(".music").click(function(){
    window.open("music.html")
})